<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Loading animation</title>
	<link rel="stylesheet" href="./Loading animation.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
		integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
		crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<body>
	<div class="loader">
		<div class="rocket">
			<i class="fas fa-rocket"></i>
			<i class="fas fa-cloud" style="--i:0;"></i>
			<i class="fas fa-cloud" style="--i:1;"></i>
			<i class="fas fa-cloud" style="--i:2;"></i>
			<i class="fas fa-cloud" style="--i:3;"></i>
		</div>
		<span>
			<i></i>
		</span>
	</div>
</body>

</html>